<template>
  <div>
    <div class="fly-panel fly-link">
      <h3 class="fly-panel-title">友情链接</h3>
      <dl
        class="fly-panel-main"
        v-for="(item, index) in link"
        :key="'linkitem' + index"
      >
        <dd>
          <a href="/" target="_blank">{{ item }}</a>
        </dd>
        <dd></dd>
      </dl>
      <dl>
        <dd class="fly">
          <a
            href="mailto:xianxin@layui-inc.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE"
            class="fly-link"
            >申请友链</a
          >
        </dd>
        <dd></dd>
      </dl>
    </div>
  </div>
</template>

<script>
import _ from "lodash";
export default {
  name: 'Links',
  data () {
    return {
      link: ['QQ', '微信', 'BMW', 'ZYZ']
    }
  },
  mounted () {
  },
  methods: {
  }
};
</script>

<
<style scoped lang="scss">
.fly-panel-main {
  display: inline-block;
}

.fly {
  padding: 15px;
}
</style>
